//获取到cookie的数据,将数据渲染到页面
var brr=JSON.parse(getCookie("shoplist"));
var conStr="";
for(var i=0;i<brr.length;i++){
	conStr+=`
			<tr pid="${brr[i].id}">
				<td><input type="checkbox" class="ck"/></td>
				<td><img src='${brr[i].src}' class="p_img"/></td>
				<td><p class="p_name">${brr[i].name}</p></td>
				<td><em class="p_price">￥${brr[i].price}.00</em></td>
				<td><a href="javascript:void(0);" class="btn-decrease updatacount" number="-1">-</a>
				<input type="text" min="1" max="2" size="2" name="goods[num]" class="action-quantity-input" value="${brr[i].count}">
				<a href="javascript:void(0);" class="btn-increase updatacount" number="1">+</a>
				</td>
				<td><em class="p_total">${brr[i].count*brr[i].price}.00</em></td>
				<td><i class="del">删除</i></td>
			</tr>`
}
$(".p_list").html(conStr);


//删除商品
//获取到删除商品的id,删除数组中的数据，重新设置cookie，并且修改页面结构
$(".del").click(function(){
	var id=$(this).parent().parent().attr("pid");
	if(confirm("你确定要删除吗")){
		for(var i=0;i<brr.length;i++){
			if(id==brr[i].id){
				brr.splice(i,1);
				setCookie("shoplist",JSON.stringify(brr));
				$(this).parent().parent().remove()
				jiesuan()
				updateShopCar()
			}
		}		
	}	
})

//全部删除功能
$(".delAll").click(function(){
	if(confirm("你确定要删除吗")){
		brr.splice(0,brr.length);
		setCookie("shoplist",JSON.stringify(brr));
		$(this).parent().parent().parent().parent().find("tbody").children().remove()
		jiesuan()
		updateShopCar()
	}
})


//通过按钮改变商品数量和总价
$(".updatacount").click(function(){
	var id=$(this).parent().parent().attr("pid");
	var sign=$(this).attr("number");
	var count=$(this).parent().find(".action-quantity-input").val()
	if(sign=="-1"&&count==1){
		return;
	}
	for(var i=0;i<brr.length;i++){
		if(id==brr[i].id){
			brr[i].count+=Number(sign);
			setCookie("shoplist",JSON.stringify(brr));
			$(this).parent().find(".action-quantity-input").val(brr[i].count)
			$(this).parent().parent().find(".p_total").html(+brr[i].count*brr[i].price+'.00')
			jiesuan()
			updateShopCar()
		}
	}
})

//点击按钮调用结算功能
$(".ck").click(function(){
	jiesuan()
	updateShopCar()
})

//全选功能
$(".selectAll").click(function(){
	$(".ck").prop("checked",$(this).prop("checked"))
	jiesuan()
	updateShopCar()
})
//单选功能
$(".ck").click(function(){
	var cl=$(".ck").length;//所有复选框的长度
	var ch=$(".ck:checked").length;//被选中复选框的长度
	if(cl==ch){
		$(".selectAll").prop("checked",true)
	}else{
		$(".selectAll").prop("checked",false)
	}
})


//结算功能:统计被复选框选中的商品的数量和金额
function jiesuan(){
	var count=0;
	var price=0;
	$(".ck:checked").each(function(){
		count+=Number($(this).parent().parent().find(".action-quantity-input").val());
		price+=parseInt($(this).parent().parent().find(".p_total").html())
	})
	$(".sumCount").find("span").html(count);
	$(".sumPrice span").html(price);
}